<template>
  <div class="meirigengxin">
      <div class="meiritext">今日推荐</div>
      <ul class="jihuatu">
          <li v-for="(v, i) in arr" :key="i">
              <img :src="v.imgs1" alt="">
          </li>
          <!-- <li> 
              <img src="img/8.gif" alt="">
          </li>
          <li>
              <img src="img/9.gif" alt="">
          </li> -->
      </ul>
  </div>
</template>

<script>
import getlink from "../../apis/getapi"
export default {
    data() {
        return {
            arr:[],
        }
    },
    mounted() {
        getlink("/data/list/xiaoming").then((ok)=>{
            console.log(ok.data.homeseve);
            this.arr = ok.data.homeseve;
        })
    }
}
</script>

<style scoped>
    .meirigengxin{
        width: 90%;
        height: 6rem;
        margin: auto;
    }
    .meiritext{
        width: 90%;
        height: .3rem;
        margin: auto;
        font-size: .18rem;
       
    }
    .jihuatu{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: 5rem;
    }
    .jihuatu li{
        width: 100%;
        height: 1.5rem;
        border-radius: .2rem;
    }
    .jihuatu img{
        width: 100%;
        height: 1.5rem;
        border-radius: .2rem;
    }
</style>